<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/lunbo.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" href="css/swiper-4.2.2.min.css">
	</head>
	<body>
		<div class="web">
			<div class="top">
				<div class="shangbox"><span>你好，欢迎光临格创供应链管理有限公司官网！</span></div>
			</div>
			<div class="header">
				<!--<div class="hangneikuai logo"><img src="img/logo_03.jpg"/></div>
				<div class="hangneikuai company">
					<p>格创供应链管理有限公司</p>
					<p>Gechuang Supply Chain Management Co., Ltd.</p>
				</div>-->
				<div class="hangneikuai logo"><img src="img/gc_logo.png"/></div>
				<div class="flr details">
					<span class="ac">首页</span>
					<span class="guanyu">关于我们</span>
					<span class="women">我们的服务</span>
					<span class="kehu">客户好评</span>
					<span class="lianxi">联系我们</span>
				</div>
				<div class="clear"></div>
			</div>
			<div class="bigpic">
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide"><img src="img/bigpic_06.jpg"/></div>
				        <div class="swiper-slide"><img src="img/banner05.png"/></div>
				        <div class="swiper-slide"><img src="img/banner03.jpg"/></div>
				        <div class="swiper-slide"><img src="img/banner04.jpg"/></div>
				    </div>
				    <!-- 如果需要分页器 -->
				    <div class="swiper-pagination swiper-button swiper-pagination-clickable swiper-pagination-bullets"></div>
				    
				    <!-- 如果需要导航按钮 -->
				    <!--<div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div>-->
				    
				    <!-- 如果需要滚动条 -->
				    <!--<div class="swiper-scrollbar"></div>-->
				</div>
				<!--<img src="img/bigpic_06.jpg"/>-->
			</div>
			<div class="Mission">
				<span>企业使命</span>
				<span>BUSINESS MISS</span>
			</div>
			<div class="content">
				<div class="title">为客户提供高性价比的服务</div>
				<div class="contentbox"><span>广州格创供应链管理有限公司</span>（以下简称“格创供应链”）是一家集公路运输、航空货运代理、到达货物派送、仓配一体化、供应链管理于一体的综合性物流企业，核心优势是能为客户提供整体的供应链解决方案，公司是广东省物流协会理事单位，广州市物流与供应链协会常务理事单位，白云区重合同守信誉示范单位，全国道路交通运输行业诚信建设十佳先进单位，全国交通运输企业诚信建设先进单位、广东省诚信企业等多项荣誉，通过了ISO9001质量管理体系认证。</div>
			</div>
			<div class="Mission">
				<span>关于我们</span>
				<span>ABOUT US</span>
			</div>
			<div class="Missionbox">
				<div class="left hangneikuai">
					<ul>
						<li>格创供应链成立于2015年，总部位于广州市白云区人和镇，注册资本500万元，总资产6000万元，现有员工100余人，公司自有车辆30台，协议合作车辆300余台，物流操作场地1000平方米，租用标准仓库8000平方米，主要用于仓配一体化项目的运作，现有合作客户数超过100家，2017年预计实现销
售额2000万元。</li>
						<li><span><img src="img/dian.jpg.png"/></span>格创供应链以物流网络平台为基础，以提供供应链解决方案为核心，为客户提供量身定制的物流服务；</li>
						<li><span><img src="img/dian.jpg.png"/></span>格创供应链整合大型网络平台公司：新邦物流，百世物流，安能物流，京东物流等全国上万家
门店，运输配送覆盖全中国三四线城市；</li>
						<li><span><img src="img/dian.jpg.png"/></span>格创供应链建立了高度集中的集团化管控体系，搭建了完善的业务信息系统和健全的沟通机制，
以保障各项工作快速落地；</li>
					</ul>
				</div>
				<div class="right hangneikuai"><img src="img/womenpic_09.jpg"/></div>
			</div>
			<div class="Mission auto">
				<span>我们的服务</span>
				<span>OUR SERVICE</span>
			</div>
			<div class="understand">
				<div class="ud">
					<div class="pic"><img src="img/gongying_13.jpg"/></div>
				</div>
				<div class="ud udd">
					<div class="understandbox">
						<p>公路运输</p>
						<p></p>
						<p>运输配送覆盖全中国三四线城市，战略合作专线网络达300条，服务覆盖全国95%的行政区。</p>
					</div>
				</div>
				<div class="ud">
					<div class="pic"><img src="img/gongying_15.jpg"/></div>
				</div>
				<div class="ud udd">
					<div class="understandbox">
						<p>仓配一体化</p>
						<p></p>
						<p>运输配送覆盖全中国三四线城市，战略合作专线网络达300条，服务覆盖全国95%的行政区。租用标准仓库2个，面积8000平方米，存储能力15万件，出货效率达10000行/小时，出库准确率高达99.99%。</p>
					</div>
				</div>
				<div class="ud udd">
					<div class="understandbox">
						<p>到达货物派送</p>
						<p></p>
						<p>公司自有车辆30台，协议车辆300台，物流操作场地1000平方米，为各大专线零担企业提供落地配终端服务</p>
					</div>
				</div>
				<div class="ud">
					<div class="pic"><img src="img/gongying_20.jpg"/></div>
				</div>
				<div class="ud udd">
					<div class="understandbox">
						<p>供应链管理</p>
						<p></p>
						<p>仓储管理系统（WMS）、运输管理系统(TMS)、第三方物流平台、条码采集等系统，提供现代化供应链管理服务。</p>
					</div>
				</div>
				<div class="ud">
					<div class="pic"><img src="img/gongying_23.jpg"/></div>
				</div>
			</div>
			<div class="Mission">
				<span>我们的服务</span>
				<span>OUR SERVICE</span>
			</div>
			<!--<div class="xiagu">
	        	<div id="tupian" style="left: 0%;">
			        <p>与格创物流合作的两年多时间里，我们深刻得感受到了一家有使命感企业的精致服务魅力。<span>—— 客户</span></p>
			        <p>与格创物流合作的两年多时间里，我们深刻得感受到了一家有使命感企业的精致服务魅力。<span>—— 客户</span></p>
			        <p>与格创物流合作的两年多时间里，我们深刻得感受到了一家有使命感企业的精致服务魅力。<span>—— 客户</span></p>
	   			</div>
	        	<a href="javascript:;" id="zuo" class="jiantou" onclick="">&lt;</a>
	        	<a href="javascript:;" id="you" class="jiantou">&gt;</a>
	    	</div>-->
	    	<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide"><p>与格创物流合作的两年多时间里，我们深刻得感受到了一家有使命感企业的精致服务魅力。</p></div>
			        <div class="swiper-slide"><p>与格创物流合作的两年多时间里，我们深刻得感受到了一家有使命感企业的精致服务魅力。</p></div>
			        <div class="swiper-slide"><p>与格创物流合作的两年多时间里，我们深刻得感受到了一家有使命感企业的精致服务魅力。</p></div>
			    </div>
			    <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			    
			    <!-- 如果需要导航按钮 -->
			    <!--<div class="swiper-button-prev"></div>
			    <div class="swiper-button-next"></div>-->
			    
			    <!-- 如果需要滚动条 -->
			    <!--<div class="swiper-scrollbar"></div>-->
			</div>
	    	<div class="buttom"></div>
	    	<div class="call">
	    		<div class="callbox">
	    			<div class="hangneikuai">
		    			<p>联系方式</p>
		    			<p>022-36692211</p>
		    		</div>
		    		<div class="hangneikuai">
		    			<p>企业邮箱</p>
		    			<p>1233557@qq.com</p>
		    		</div>
		    		<div class="hangneikuai">
		    			<p>联系地址</p>
		    			<p>广州市白云区机场北路88号</p>
		    		</div>
	    		</div>
	    		<div class="gongsi">Copyright © 2016. 广州格创供应链管理有限公司 All rights reserved.</div>
	    	</div>
		</div>
		<script src="js/swiper-4.2.2.min.js"></script>
		<script>        
	    	var mySwiper = new Swiper ('.swiper-container', {
//	    	direction: 'vertical',
	    	loop: true,
	    	autoplay:true,
	    
	    // 如果需要分页器
		    pagination: {
		      el: '.swiper-pagination',
		      clickable :true,
		    },
		    
		    // 如果需要前进后退按钮
		    navigation: {
		      nextEl: '.swiper-button-next',
		      prevEl: '.swiper-button-prev',
		    },
		    
		    // 如果需要滚动条
		    scrollbar: {
		      el: '.swiper-scrollbar',
		    },
		  })        
	    </script>
		<script type="text/javascript">
			function chumo(){
				var details = document.querySelectorAll(".details span");
				for(let i=0;i<details.length;i++){
					details[i].addEventListener("click",function(){
						for(var j=0;j<details.length;j++){
							details[j].classList.remove("ac")
						}
						details[i].classList.add("ac")
					})
				}
			}
			chumo()
//			window.onload = function() {
//				var tupian = document.getElementById('tupian');
//				var zuo = document.getElementById('zuo');
//				var you = document.getElementById('you');
//				function lunbotu(i) {
//					//获取的是style.left，是相对左边获取距离，所以第一张图后style.left都为负值，
//					//且style.left获取的是字符串，需要用parseInt()取整转化为数字。
//					var newLeft = parseInt(tupian.style.left) + i;
//					tupian.style.left = newLeft + '%';
//					if(newLeft < -200) {
//						tupian.style.left = 0 + '%';
//					}
//					if(newLeft > 0) {
//						tupian.style.left = -200 + '%';
//					}
//				}
//
//				zuo.onclick = function() {
//					lunbotu(100);
//				}
//				you.onclick = function() {
//					lunbotu(-100);
//				}
//				var timer;
//				function zidong() {
//				    timer = setInterval(function () {
//				        you.onclick()
//				    }, 3500)
//				}
//				zidong();
//			}
			function chaxun(){
				window.onscroll = function(){ 
				    var t = document.documentElement.scrollTop || document.body.scrollTop; 
				    var guanyu = document.querySelector( ".guanyu" ); 
				    var women = document.querySelector( ".women" ); 
				    var kehu = document.querySelector( ".kehu" ); 
				    var lianxi = document.querySelector( ".lianxi" ); 
//					console.log(t)
					var timer=null;
					guanyu.onclick = function(){ 
					        timer=setInterval(function(){ 
					        var ct = document.documentElement.scrollTop || document.body.scrollTop; //获取距离顶部的距离
					        ct-=10;
					        if(ct==0){
					             window.scrollTo(0,ct);
					        }
					        else{
					             window.scrollTo(0,1100);
					             clearInterval(timer);
					        }
					    },10);
					}
					women.onclick = function(){ 
					        timer=setInterval(function(){ 
					        var ct = document.documentElement.scrollTop || document.body.scrollTop; //获取距离顶部的距离
					        ct-=10;
					        if(ct==0){
					             window.scrollTo(0,ct);
					        }
					        else{
					             window.scrollTo(0,1724);
					             clearInterval(timer);
					        }
					    },10);
					}
					kehu.onclick = function(){ 
					        timer=setInterval(function(){ 
					        var ct = document.documentElement.scrollTop || document.body.scrollTop; //获取距离顶部的距离
					        ct-=10;
					        if(ct==0){
					             window.scrollTo(0,ct);
					        }
					        else{
					             window.scrollTo(0,2440);
					             clearInterval(timer);
					        }
					    },10);
					}
					lianxi.onclick = function(){ 
					        timer=setInterval(function(){ 
					        var ct = document.documentElement.scrollTop || document.body.scrollTop; //获取距离顶部的距离
					        ct-=10;
					        if(ct==0){
					             window.scrollTo(0,ct);
					        }
					        else{
					             window.scrollTo(0,2659);
					             clearInterval(timer);
					        }
					    },10);
					}
				} 
			}
			chaxun()
		</script>
	</body>
</html>
